import React, { useEffect, useState } from 'react'; 
import { useHistory } from "react-router-dom";
import './ScheduleNav.less'; 
import { dateFormat } from "../../model/code";
import Header from "../../components/header/Header"; 
import woman from '../../libs/img/user/woman.png';
import navImg1 from '../../libs/img/home/scheduleNav1.png';
import navImg2 from '../../libs/img/home/scheduleNav2.png';
import navImg3 from '../../libs/img/home/scheduleNav3.png';
import navImg4 from '../../libs/img/home/scheduleNav4.png';
import navImg5 from '../../libs/img/home/scheduleNav5.png';
import {Flex, Toast} from 'antd-mobile';
function ScheduleNav() {
    
    useEffect(async () => {
        console.log('执行')
    }, [])
    const history = useHistory();
     
   
    const expertScheduling = () => {
        history.push('/schedulingQuery1')
    }
     
    const goToClick = (val) => {
        history.push('/scheduleManagement',{
            deptId: val,
        })
    }

    const jumpInstrument = () =>{



        
    }

    
    const noClick = () => {
        Toast.fail('暂未开放')
    }
    return (
        <div className="v-home-ScheduleNav"> 
            <div className='body-background-div'></div>
            <div className="scheduleNav-box">
                <Flex className="scheduleNav-list" onClick={() => expertScheduling()}>
                    <img src={navImg1}/>
                    <span>排班查看</span>
                </Flex>
                <Flex className="scheduleNav-list" onClick={() => goToClick('DE0011')}>
                    <img src={navImg2}/>
                    <span>整形科专家日程</span>
                </Flex>
                <Flex className="scheduleNav-list" onClick={() => goToClick('DE0012')}>
                    <img src={navImg3}/>
                    <span>皮肤科专家日程</span>
                </Flex>
                <Flex className="scheduleNav-list" onClick={() => jumpInstrument('')}>
                    <img src={navImg3}/>
                    <span>皮肤科仪器日程</span>
                </Flex>
                <Flex className="scheduleNav-list" onClick={() => noClick()}>
                    <img src={navImg4}/>
                    <span>植发专家日程</span>
                </Flex>
                <Flex className="scheduleNav-list" onClick={() => goToClick('DE0013')}>
                    <img src={navImg5}/>
                    <span>注射科专家日程</span>
                </Flex>
            </div>
            <Header />
        </div>
    )
}
export default ScheduleNav;